<template>
  <a-drawer v-model:open="visible" title="发起人" placement="right" width="600px" :footer-style="{ textAlign: 'right' }">
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
      <template #footer>
      <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
      <a-button type="primary" @click="onClose">确认</a-button>
    </template>
  </a-drawer>
</template>
<script setup>
  import { computed, ref, watch } from 'vue';
  import { useFlowDesignerStore } from '/@/store/modules/flowable';
  let store = useFlowDesignerStore();
  let { setPromoter, setFlowPermission } = store;
  let promoterDrawer = computed(() => store.promoterDrawer);
  let visible = computed({
    get() {
      return promoterDrawer.value;
    },
    set() {
      closeDrawer();
    },
  });

  const closeDrawer = () => {
    setPromoter(false);
  };
</script>
<style lang="css" scoped></style>
